.box-shadow{
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -moz-transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}
.border-top{
    border-top: @c_hui solid 1px;
}
.column-supply{
    width: 844px;
    height: 334px;
    margin-bottom: 38px;
    background: @c_bai;
    .box-shadow;
    &:hover{
        -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    ul{}
    li{
        width: @w100;
        height: 44px;
        &:hover.su-list{
            background: @c_cheng;
            color: @c_bai;
        }
        &:hover span a{
            color: @c_bai;
            background: url(../../images/icon-shopcat-pass.png) 0 center no-repeat;
        }
        span{
            display: inline-block;
            text-align: center;
            height: 44px;
            line-height: 44px;
            a{
                display:inline-block;
                padding-left: 30px;
                color: @c_hui;
                background: url(../../images/icon-shopcat.png) 0 center no-repeat;
            }
        }
        .su1{
            width:160px;
        }
        .su2{
            width:121px;
        }
        .su3{
            width:119px;
        }
        .su4{
            width:93px;
        }
        .su5{
            width:214px;
        }
        .su6{
            width:112px;
        }

    }
    .su-tit{
        font-size: @fz18;
        color: @c_tit;
        border-bottom: @c_hui solid 1px;
    }
    .su-list{
        font-size: @fz16;
        color: @c_hui;
    }
}

.thechart {
    .border-top;
}
.column-thechart{
    width: 844px;
    height: 338px;
    margin-bottom: 38px;
    background:@c_bai;
    .box-shadow;

    .tab-tit{
        display:block !important;
        .tab{
            display: inline-block;
            height:56px;
            a{
                float: left;
                display: inline-block;
                width: 108px;
                height: 56px;
                line-height: 56px;
                text-align: center;
                font-size: @fz18;
                color: @c_hei;
                border-right: @c_hui solid 1px;
            }
            .pass,a:hover{
                background:@c_lan;
                color:@c_bai;
            }
        }
    }
    .thechart-l{
        width: 540px;
        height: 222px;
        padding: 30px 26px;
    }
    .thechart-r{
        width: 208px;
        height: 278px;
        margin-right: 38px;
        li{
            width: @w100;
            height: 108px;
            margin-top: 10px;
            overflow: hidden;
            h3{
                height: 56px;
                a{
                    color: @c_hei;
                }
            }
            p{
                font-size: @fz12;
                color: @c_hui;
            }
        }

    }
    .hide{
        display: none;
    }
}
.orderflow{
    width:@w100;
    height:96px;
    margin-bottom: 38px;
    text-align: center;
    background: @c_bai;
    .box-shadow;
    a{
        display: block;
        width: @w100;
        height: 96px;
        line-height: 96px;
        text-align: center;
    }
    em{
        display: inline-block;
        width: 14px;
        height: 24px;
        margin:0 0 -4px 32px;
        background: url(../../images/icon-orderflow-right.png) center center no-repeat;
    }
}
.bidhistory{
    width: @w100;
    height: 376px;
    margin-bottom: 38px;
    background: @c_bai;
    .box-shadow;
    h2{
        border-bottom: @c_hui solid 1px;
    }
    .bid-tit{
        width: 290px;
        height: 46px;
        margin: 0 auto;
        color: @c_hei;
    }
    .bid-scroll{
        width: 290px;
        height: 266px;
        margin: 0 auto;
        color:@c_hui;
        li{
            width: 296px;
            height: 46px;
            &:hover span{
                background: @c_cheng;
                color: @c_bai;
            }
        }
    }
    span{
        display: inline-block;
        float: left;
        width: 72px;
        height:46px;
        line-height: 46px;
        text-align: center;
        font-size: @fz16;
    }

}

.vol-collect{
    width: @w100;
    height: 162px;
    margin-bottom: 38px;
    background: @c_bai;
    .box-shadow;
    h2{
        border-bottom: @c_hui solid 1px;
    }
    p{
        width: 290px;
        height: 40px;
        margin: 0 auto;
        line-height: 40px;
        font-size: @fz16;
        color: @c_hei;
        em{
            padding:0 20px 0 10px;
            color: @c_cheng;
            font-size:@fz24;
        }
    }
}